<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>萧山气象局风险灾害管理平台</title>
    <link rel="stylesheet" href="/assets/css/common.css"/>
    <link rel="stylesheet" href="/assets/css/main.css"/>
</head>
<body>
<!--页头-->
<div id="header"></div>
<!--主体-->
<div class="section" id="section">
    <!-- 主体视图-->
    <div id="container"></div>
    <!--逐小时-->
    <div class="changeTime">
        <button class="changeNext lf"><</button>
        <ul class="timeAjax"></ul>
        <button class="changePrev rt" disabled>></button>
    </div>

    <!--滚动提醒-->
    <div class="selectColumn lh40">
        <div class="slide">
            <p></p>
        </div>
        <select class="rt" id="select">
            <option value="1">未来3小时</option>
            <option value="2">未来6小时</option>
            <option value="3">未来9小时</option>
            <option value="4" selected>未来12小时</option>
            <option value="5">未来15小时</option>
            <option value="6">未来18小时</option>
            <option value="7">未来21小时</option>
            <option value="8">未来24小时</option>
        </select>
    </div>
    <!-- 右边栏-->
    <form class="sectionRight w300" action="">
        <!--发布时间-->
        <div class="pubTime lh40 padLeft20 bgColor1">
            发布时间：
            <input type="text" class="w180 border">
        </div>
        <!--控制面板-->
        <div class="console">
            <h5 class="lh40 padLeft20">地质灾害</h5>
            <ul class="overflow padLeft20">
                <li>
                    <input type="radio" name="typhoonTime" value="oneHour" checked>未来1小时预警
                </li>
                <li>
                    <input type="radio" name="typhoonTime" value="threeHour">未来3小时预警
                </li>
                <li>
                    <input type="radio" name="typhoonTime" value="sixHour">未来6小时预警
                </li>
                <li>
                    <input type="radio" name="typhoonTime" value="twelveHour">未来12小时预警
                </li>
                <li>
                    <input type="radio" name="typhoonTime" value="twentyfourHour">未来24小时预警
                </li>
            </ul>
        </div>
        <div class="clickXs displayNone">
            <p class="clickTitle">灾情信息</p>
            <div class="clickContent">

            </div>
        </div>
    </form>
    <div class="warning displayNone">此时点暂无数据</div>
</div>


<!--js文件引入-->
<script src="/assets/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="http://10.135.30.150:8080/QXMap?key=712ea9b0cf705b05&v=1.0"></script>
<script src="/assets/js/webCommon.js"></script>
<script src="/assets/js/geology.js"></script>
</body>
</html>